.calendar {
  width: 315px;
  margin: 0 auto;
  position: relative;
  .toggle {
    position: absolute;
    top: 20px;
    right: 14px;
    width: 20.72px;
    height: 20.72px;
    background: url("") center center no-repeat;
    background-size: 70%;
    transform: rotate(-180deg);
    transition: transform .2s linear;
  }
  :global(.calendar-body) {
    transition: max-height .5s;
    height: 67px;
    max-height: 67px;
    overflow: hidden;
  }
  &.expanded {
    .toggle {
      transform: rotate(0deg);
    }
    :global(.calendar-body) {
      height: auto;
      max-height: 500px;
    }
    
  }
}

